<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页/订单中心</title>
    <link rel="stylesheet" type="text/css" href="/mi/css/order/order_list.css">
    <link rel="stylesheet" type="text/css" href="/mi/css/common/center_person.css">
    <link rel="stylesheet" href="/mi/css/iconfont/iconfont.css">
    <link rel="icon" href="/mi/imgs/favicon.ico" type="image/x-icon"/>
</head>
<body>
<%@include file="../common/header.jsp" %>


<include src="mi.html"></include>
<!-- 个人中心导航栏 -->
<div class="breadcrumbs">
    <div class="container">
        <div class="xiaomi-con" style="width: 100px;height: 60px">
            <a href="#">首页</a>
            <span>/订单中心</span>
        </div>
    </div>
</div>
<!-- 中心大部分, 划分为两个大部分 -->
<div class="page-main">
    <div class="container">
        <div class="row">
            <!-- 1. 左侧导航栏 -->
            <div class="span4">
                <div class="J_userMenu">
                    <div class="menu-box">
                        <h3>订单中心</h3>
                        <ul>
                            <li><a  href="/mi/order/order_load">我的订单</a></li>
                            <li><a href="">评价晒单</a></li>
                            <li><a href="">以旧换新订单</a></li>
                        </ul>
                    </div>
                    <div class="menu-box">
                        <h3>个人中心</h3>
                        <ul>
                            <li><a href="/mi/personal_center/portal">我的个人中心</a></li>
                            <li><a href="">消息通知</a></li>
                            <li><a href="/mi/personal_center/likes">喜欢的商品</a></li>
                            <li><a href="">收货地址</a></li>
                        </ul>
                    </div>
                    <div class="menu-box">
                        <h3>售后服务</h3>
                        <ul>
                            <li><a href="">服务记录</a></li>
                            <li><a href="">申请服务</a></li>
                        </ul>
                    </div>
                    <div class="menu-box">
                        <h3>账户管理</h3>
                        <ul>
                            <li><a href="/mi/personal_center/personal_info">个人信息</a></li>
                            <li><a href="/mi/personal_center/personal_login">修改密码</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 2. 右侧将展示不同的信息表, 根据用户点击的跳转链接(我的订单) -->
            <div class="span16">
                <div class="uc-box">


                    <div id="order_outer">
    
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>


<%@include file="../common/page-bottom.jsp" %>
<script src="/mi/plugins/jquery/jquery.min.js"></script>
<script>
    function detail_order(orderId) {
        window.location = '/mi/order/order_detail?orderId=' + orderId;
    }
    $(function () {
            $("#order_outer").load("/mi/order/order_list", {pageNum:1,orderStatus:-1});
    })
    function next_page(num) {
        let ordernum = $("#ordernum").val();
        let orderstatus = $("#orderstatus").val();
        $("#order_outer").load("/mi/order/order_list",{pageNum:num,orderStatus:orderstatus,orderNumber:ordernum});
    }
    function select_status(object) {
        $("#order_outer").load("/mi/order/order_list",{orderStatus:object.value});
    }
    function search_order() {
        let ordernum = $("#ordernum").val();
        let orderstatus = $("#orderstatus").val();
        $("#order_outer").load("/mi/order/order_list",{orderNumber:ordernum,orderStatus:orderstatus});
    }
</script>
</body>
</html>